<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/8/30
  Time: 16:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
</head>
<body>
<div class="top">
    <!--         公司信息   class="company"-->
    <div>
        <div>
            <div><img src="${companyModel.logo}" id="logo"/></div>
            <div>
                <div><img src="../imgages/icon2_03_uc2a.png" height="30" width="30"/></div>
                <div id="phone">${companyModel.phone}</div>
            </div>
        </div>
    </div>
    <!--    class="nav"         导航信息-->
    <div>
        <div id="nav">
            <%--   items 后台需要循环的数据
                   var items 里面的每一个对象,给对象名一个别名--%>
            <c:forEach items="${navModels}" var="model">
                <div onclick="window.location.href='${model.href}'">${model.title}</div>
            </c:forEach>
            <!--            <div onclick="window.location.href='home.html'">首页</div>-->
            <!--            <div onclick="window.location.href='company.html'">公司介绍</div>-->
            <!--            <div onclick="window.location.href='news.html'">新闻介绍</div>-->
            <!--            <div onclick="window.location.href='product.html'">产品中心介绍</div>-->
            <!--            <div onclick="window.location.href='online.html'">在线留言</div>-->
            <!--            <div onclick="window.location.href='callus.html'">联系我们</div>-->
        </div>
    </div>
    <!--     class="ad"        广告信息-->
    <div>
        <div>
            <div>品味生活 · 品味美食
            </div>
            <div>
                <div> 一壶茶沏出了生活的醇美</div>
                <div> 一枝花开出了生活的鲜艳</div>
                <div> 一首诗吟出了生活的酸辛</div>
                <div> 一把火燃烧出了生活的激情</div>
                <div> 一枝笔 绘出了人生的五彩缤纷</div>
                <div> 一首歌唱出了人生的喜怒哀惧</div>
                <div> 生活像五味瓶，这么酸、这么甜、这么黄、又这么辣</div>
            </div>
            <div>
                <div>
                    <span>品味</span><span>生活</span><span>品味</span><span>美食</span>
                </div>
                <div> 某某给你生活指南</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
